<template>
  <div>
    <one></one>
    <hr />
    <two></two>
    <hr />
    <three></three>
    <hr />
    <four></four>
    <hr />
    <five></five>
    <hr />
    <six></six>
    <hr />
    <seven></seven>
    <hr />
    <eight></eight>
    <hr />
    <nine></nine>
  </div>
</template>

<script>
import one from "./components/1-one.vue";
import two from "./components/2-two.vue";
import three from "./components/3-three.vue";
import four from "./components/4-four.vue";
import five from "./components/5-five.vue";
import six from "./components/6-six.vue";
import seven from "./components/7-seven.vue";
import eight from "./components/8-eight.vue";
import nine from "./components/9-nine.vue";
export default {
  components: {
    one,
    two,
    three,
    four,
    five,
    six,
    seven,
    eight,
    nine,
  },
};
</script>

<style>
</style>